<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>笔下光年的博客</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <meta name="author" content="yinqi"/>
    <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="../static/css/bootstrap.min.css" th:href="@{css/bootstrap.min.css}"/>
    <link rel="stylesheet" type="text/css" href="../static/css/materialdesignicons.min.css"
          th:href="@{css/materialdesignicons.min.css}"/>
    <link rel="stylesheet" type="text/css" href="../static/css/style.min.css" th:href="@{css/style.min.css}"/>
</head>
<body>
<header class="lyear-header text-center header-back " style="background-image:url(../images/left-bg.jpg);">
    <div class="lyear-header-container">
        <div class="lyear-mask"></div>

        <h1 class="lyear-blogger pt-lg-4 mb-0"><a href="index.html">小蜉蝣星蔚</a></h1>

        <nav class="navbar navbar-expand-lg">

            <!--      手机端适配 左边栏      -->
            <a class="navbar-toggler" data-toggle="collapse" data-target="#navigation" aria-controls="navigation"
               aria-expanded="false" aria-label="Toggle navigation">
                <div class="lyear-hamburger">
                    <div class="hamburger-inner"></div>
                </div>
            </a>

            <div id="navigation" class="collapse navbar-collapse flex-column">
                <div class="profile-section pt-3 pt-lg-0">
                    <img class="profile-image mb-3 rounded-circle mx-auto" src="../images/lyear.png" width="80"
                         height="80" alt="笔下光年">
                    <div class="lyear-sentence mb-3">湖南科技大学 大三学生</div>
                </div>

                <ul class="navbar-nav flex-column text-center">
                    <li class="nav-item active">
                        <a class="nav-link" href="/index">首页</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/category">分类</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/tag">标签</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/date">归档</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/link">友链</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="/about">关于我</a>
                    </li>
                </ul>

                <div class="my-2 my-md-3">
                    <form class="lyear-search-form form-inline justify-content-center pt-3">
                        <input type="email" id="semail" name="semail1" class="form-control mr-md-1"
                               placeholder="搜索关键词"/>
                    </form>
                </div>

            </div>

        </nav>
    </div>
</header>

<div class="lyear-wrapper">
    <section class="mt-5 pb-5">
        <div class="container">

            <div class="row">
                <!-- 文章列表 -->
                <div class="col-xl-9">

                    <!--     文章1               -->
                    <article class="lyear-arc m-border ">
                        <div class="row ">

                            <div class="col-xl-7 ">
                                <div class="arc-header m-center-vertical">
                                    <h4 class="arc-title"><a href="blog.html">MyBatis笔记(二)——配置(环境配置，别名优化，mapper映射器，属性
                                        properties)，生命周期和作用域</a></h4>

                                    <ul class="arc-meta ">
                                        <li><i class="mdi mdi-calendar"></i> 2019-09-25 09:21</li>
                                        <li><i class="mdi mdi-tag-text-outline"></i> <a href="#">蔚来汽车</a>, <a href="#">财报</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="col-xl-5 ">
                                <div class="arc-preview blog-pic">
                                    <a href="#"><img src="/images/blog/post-2.jpg" alt=""
                                                     class="img-fluid rounded "></a>
                                </div>
                            </div>
                            <!-- row -->
                        </div>

                    </article>

                    <!--     文章2               -->
                    <article class="lyear-arc m-border ">
                        <div class="row ">

                            <div class="col-xl-7 ">
                                <div class="arc-header m-center-vertical">
                                    <h4 class="arc-title"><a href="blog.html">MyBatis笔记(二)——配置(环境配置，别名优化，mapper映射器，属性
                                        properties)，生命周期和作用域</a></h4>

                                    <ul class="arc-meta ">
                                        <li><i class="mdi mdi-calendar"></i> 2019-09-25 09:21</li>
                                        <li><i class="mdi mdi-tag-text-outline"></i> <a href="#">蔚来汽车</a>, <a href="#">财报</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                            <div class="col-xl-5 ">
                                <div class="arc-preview blog-pic">
                                    <a href="#"><img src="/images/blog/post-2.jpg" alt=""
                                                     class="img-fluid rounded "></a>
                                </div>
                            </div>
                            <!-- row -->
                        </div>

                    </article>

                    <!-- 分页 -->
                    <div class="row">
                        <div class="col-lg-12">
                            <ul class="pagination">
                                <li class="page-item"><a class="page-link" href="#"><i class="mdi mdi-chevron-left"></i></a>
                                </li>
                                <li class="page-item active"><a class="page-link" href="#">1</a></li>
                                <li class="page-item"><a class="page-link" href="#">2</a></li>
                                <li class="page-item"><a class="page-link" href="#">3</a></li>
                                <li class="page-item"><a class="page-link" href="#">4</a></li>
                                <li class="page-item"><a class="page-link" href="#">5</a></li>
                                <li class="page-item"><a class="page-link" href="#"><i
                                        class="mdi mdi-chevron-right"></i></a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- 分页 end -->
                </div>
                <!-- 内容 end -->

                <!-- 侧边栏 -->
                <div class="col-xl-3">
                    <div class="lyear-sidebar">
                        <!-- 热门文章 -->
                        <aside class="widget widget-hot-posts">
                            <div class="widget-title">分类</div>
                            <ul>
                                <li><a href="#">Java基础</a> (25)</li>
                                <li><a href="#">数据库</a> (10)</li>
                                <li><a href="#">应用框架</a> (28)</li>
                                <li><a href="#">前端</a> (6)</li>
                                <li><a href="#">项目开发工具</a> (10)</li>
                                <li><a href="#">计算机科学</a> (2)</li>
                            </ul>
                        </aside>

                        <!-- 归档 -->
                        <aside class="widget">
                            <div class="widget-title">归档</div>
                            <ul>
                                <li><a href="#">2020.04</a> (7)</li>
                                <li><a href="#">2020.03</a> (6)</li>
                                <li><a href="#">2020.02</a> (15)</li>
                                <li><a href="#">2020.01</a> (3)</li>
                                <li><a href="#">2019.12</a> (2)</li>
                                <li><a href="#">2019.11</a> (1)</li>
                                <li><a href="#">2019.10</a> (10)</li>
                                <li><a href="#">2019.09</a> (11)</li>
                                <li><a href="#">2019.08</a> (2)</li>
                            </ul>
                        </aside>

                        <!-- 标签 -->
                        <aside class="widget widget-tag-cloud">
                            <div class="widget-title">标签</div>
                            <div class="tag-cloud">
                                <!--    <a href="#" class="badge badge-light">Docker</a>-->
                                <!--    <a href="#" class="badge badge-primary">Java</a>-->
                                <!--    <a href="#" class="badge badge-danger">Spring Boot</a>-->
                                <!--badge-danger红色     badge-primary蓝色     badge-light浅灰色  badge-success绿色-->
                                <a href="#" class="badge badge-success">linux</a>
                                <a href="#" class="badge badge-success">算法</a>
                                <a href="#" class="badge badge-success">vue</a>
                                <a href="#" class="badge badge-success">IDEA</a>
                                <a href="#" class="badge badge-success">Docker</a>
                                <a href="#" class="badge badge-success">Java</a>
                                <a href="#" class="badge badge-success">Spring Boot</a>
                            </div>
                        </aside>
                    </div>
                </div>
                <!-- 侧边栏 end -->
            </div>

        </div>
        <!-- end container -->
    </section>
</div>

<script type="text/javascript" src="js/jquery.min.js" th:src="@{js/jquery.min.js}"></script>
<script type="text/javascript" src="js/jquery.nicescroll.min.js" th:src="@{js/jquery.nicescroll.min.js}"></script>
<script type="text/javascript" src="js/bootstrap.min.js" th:src="@{js/bootstrap.min.js}"></script>
<script type="text/javascript" src="js/main.min.js" th:src="@{js/main.min.js}"></script>
</body>
</html>
